﻿@charset "utf-8";
*{ margin:0; padding:0;}
body{margin:0;padding:0;font-size:14px;line-height:26px;font-family:"Microsoft YaHei";-webkit-text-size-adjust:none; background:url(../images/icobg2.jpg);}

a{color:#333;text-decoration:none;}
a:hover{color:#474F57;}
.clear { clear: both}
.folat_left{ float:left}
.folat_right{ float:right}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:block;}
.swidth{ width:1100px; margin:0 auto; min-width:1100px;}
img{text-decoration:none; border:0;}
ul li{ list-style:none;}
.gxtopcon{ width:100%; height:110px; background:#fff;}
.telbg{ width:238px; height:58px; background:url(../images/tel.jpg) no-repeat; margin-top:25px; margin-bottom:10px; }
.logo{ margin-bottom:10px; margin-top:25px;}
.gxnav{ width:100%; height:50px; background:url(../images/navbg.jpg) no-repeat center center; line-height:50px;}
.gxmenu li{ width:183px; height:50px; float:left; text-align:center; font-size:15px;}
.gxmenu li a{ color:#fff;width:157px; height:50px; display:block}
.gxmenu li a:hover{ background:#9ae1ff; color:#0a3152}
.gxpromain{ height:510px; width:100%;}
.gxprocon{ width:1100px; background:#fff; margin:0 auto; height:850px;}
.gxproL{ width:272px; margin-left:10px; margin-top:20px;}
.gxprobg{ width:272px; height:60px; background:url(../images/probg.png) no-repeat}

.gxproclass li{ width:272px; height:36px; line-height:50px; text-indent:7em;font-size:16px; background:url(../images/pro1.png) no-repeat}
.gxproclass li a{ color:#404040}
.gxproclass li a:hover{ color:#2084DA}

.gxproR{ width:787px; margin-right:10px; margin-top:20px;}
.gxprotitle{ width:787px; border-bottom:2px solid #d8d8d8; height:50px; line-height:50px; font-size:24px; font-weight:bold; color:#4d4d4d; text-align:center}

.jshpro1 li{ width:246px; height:222px; overflow:hidden; float:left; margin-left:10px; position:relative; text-align:center; margin-top:15px;}
.jshpro1 li img{max-width:242px; max-height:180px; z-index:10;}
.jshpro1 li .mark{ background:#030a1f; opacity:0.8; display:none; width:246px; height:110px; z-index:888; filter:alpha(opacity=0.8); position:absolute; top:0; left:0; color:#fff;text-align:center; padding-top:73px;font-size:15px;}
.jshpro1 li .mark a{ color:#fff;}
.jshpro1 li .mark2{ width:246px; height:30px; line-height:30px; color:#404040; font-size:15px;}
.jshpro1 li .mark2 a{width:246px; height:30px; display:block;}
.jshpro1 li .mark2 a:hover{color:#2084DA}
.gxaboutbg{ width:100%; height:349px; background:url(../images/aboutbg.jpg) no-repeat center;}

.gxaboutL{ width:340px; height:300px; margin-left:90px;}
.gxaboutL span{display: block; color:#fff; line-height:45px; font-size:24px; text-align:center;width:304px;}
.gxaboutL p{ font-size:14px; color:#fff; text-align:center}

.gxaboutimg{ width:304px; height:176px; background:url(../images/about.jpg) no-repeat; margin-top:50px;}

.gxaboutR{ width:550px; margin-top:60px; margin-left:60px; line-height:30px;color: #fff;}
.gxaboutR p{ text-indent:2em; line-height:26px; font-size:14px; color:#fff;}
.gxpromore{ width:172px; height:48px; background:#fff; line-height:48px; text-align:center; margin:20px auto }
.gxpromore a{color:#2085da}

.gxysbg{ height:850px; background:url(../images/icobg.jpg); padding-top:30px;}
.gxyscon{ width:1100px; height:753px; background:url(../images/ysbg.png) no-repeat; margin:0 auto}

.gxlm{ width:100%; height:270px; background:url(../images/bg1.png); margin-top:-70px; position:relative}
.gxlmbg{ width:1100px; height:267px; background:url(../images/ysbg1.png) no-repeat; margin:0 auto}
.gxnewscon{ width:1100px; background:#fff; margin:0 auto; margin-top:-5px; position:relative; padding-bottom:30px;}
.gxnewsr{ width:525px; margin-left:16px; margin-top:20px;}
.gxnewsbg{ width:525px; height:46px; line-height:46px; font-size:18px; font-weight:bold; color:#fff; text-indent:2em; background:url(../images/bg1.jpg) no-repeat}
.newsmore{ float:right; color:#90a1af; font-size:16px; margin-right:20px; font-weight:100}
.gxnewslist{width:493px; border:1px solid #ddd; border-top:none;  padding:15px 10px 30px 20px}
.gxnewslist li{ height:38px; line-height:38px; border-bottom:1px dashed #ccc; font-size:14px;}
.gxnewslist li a{ float:left; color:#525252}
.gxnewslist li a:hover{color:#1e75d4}
.gxnewslist li span{ float:right; margin-right:10px; color:#525252}
.gxcontact{width:503px; border:1px solid #ddd; border-top:none;  padding:15px 10px 30px 10px; height:195px;}
.gxcontbg{ width:230px; height:213px; background:url(../images/lxfx.jpg) no-repeat}
.gxconp{ width:240px; }
.gxconp p{ line-height:24px; font-size:14px;}

.c_box01 { width:1100px; background:#fff; margin:0 auto; padding-bottom:20px;}
.c_box01 .rollBox .btn { float:right; margin-right:20px;}
.c_box01 .rollBox .btn a { display: inline-block; margin-bottom: 15px; }
.c_box01 .rollBox .btn a.btn01 { background: url(../images/bt3.png) no-repeat; width: 38px; height: 38px; margin-right: 5px; }
.c_box01 .rollBox .btn a.btn02 { background: url(../images/bt4.png) no-repeat; width: 38px; height: 38px; }
.c_box01 .rollBox .btn a.btn01:hover { background: url(../images/bt2.png) no-repeat; width: 38px; height: 38px; margin-right: 5px; }
.c_box01 .rollBox .btn a.btn02:hover { background: url(../images/bt1.png) no-repeat; width: 38px; height: 38px; }
.cnzzft{ float:left; width:70px;}
#cpzsm{ width:1100px !important; height:auto; margin:0 auto; overflow:hidden; clear:both}
#cpzsm ul li{ width:238px; height:220px; overflow:hidden; float:left; margin-right:30px; position:relative; text-align:center; margin-left:10px; }
#cpzsm ul li img{ width:232px; height:172px;border:3px solid #aaaaaa; }
#cpzsm ul li img:hover{border:3px solid #2085da;}
#cpzsm ul li p{ color:#222; line-height:30px; text-align:center}
.protitel{ width:193px; height:41px;  float:left !important; display:block; font-size:24px; font-weight:bold; color:#343434; margin-left:20px;}
.protitel span{ font-size:16px; font-weight:100;}

.ftlinkcon{ height:30px; border-bottom:1px solid #ccc; width:1100px; background:#fff; margin:0 auto; padding-bottom:30px; }
.ftlink{ width:70px; border-right:4px solid #2085da; height:24px; line-height:24px; font-size:20px; color:#2085da; font-weight:bold;text-align:center; margin-left:20px;}
.ftlinktxt{ width:860px; margin-left:20px; font-size:14px; line-height:24px;}
.ftlinktxt a{ color:#2085da; padding-left:10px; padding-right:10px;}

.ftmain{ height:280px; width:100%; background:#2085da;}
.tfbg{ width:464px; height:166px; background:url(../images/img1.jpg) no-repeat; margin-left:20px; margin-top:55px;}
.ftwxbg{ width:134px; height:156px; background:url(../images/wxbg.png) no-repeat; margin-left:50px; margin-top:55px;}
.ftnav{ width:430px; height:150px;  margin-top:55px;}
.ftnav ul li{ width:88px; height:39px; float:left; margin-left:10px; text-align:center; line-height:39px;}
.ftnav ul li a{width:88px; height:39px; display:block; color:#fff;}
.ftnav ul li a:hover{ background:#1558a0} 
.ftnav h2{ color:#fff; font-weight:600; margin-left:25px; line-height:40px;}
.ftnav p{ color:#fff; font-size:16px; line-height:35px;  margin-left:25px;}
.gxftmain{ background:#fff; line-height: 26px;padding: 10px 0;}
.gxftmain p{ text-align:center; color:#5c5c5c;}
.gxftmain p a{ color:#5c5c5c;}

/*****************鏀惧ぇ********************/
.image-row{ width:388px; height:286px; border:1px solid #ccc; float:left}
.gxproview{ width:420px; height:286px; float:left; margin-left:30px;}
.gxproview p{ line-height:35px; font-size:15px; color:#222;}
.gxproview p span{ font-weight:bold}
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
    width:776px !important;
  height:572px !important;
}

.lightbox a img {
  border: none;

}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 784px !important;
  height: 580px !important;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}
.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}



.title {border-bottom:1px #2085DA solid; HEIGHT: 26px; margin:0 10px 10px 10px;}
.title span {display: block; LINE-HEIGHT: 24px; COLOR: #2085DA; FONT-SIZE:16px ;FONT-WEIGHT: normal}
.comment_list {PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 0px}
.comment_list UL {LIST-STYLE-TYPE: none}
.comment_list LI {PADDING-BOTTOM: 6px; LINE-HEIGHT: 18px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 6px; border-bottom:1px dotted #ccc}
.comment_list LI A { LINE-HEIGHT: 18px;  DISPLAY: block; COLOR: #333;}
.comment_list LI A:visited {COLOR: #333}
.comment_list LI A:hover {COLOR: #2085DA;}
.comment_list span{float:right}

.prob_list2 {PADDING-BOTTOM: 10px}
.prob_list2 .cn2 {TEXT-ALIGN: center; WIDTH: 140px; FLOAT: left; margin:10px 10px 5px 15px;}
.prob_list2 .cn2 p {	MARGIN: 0px auto 8px; WIDTH: 140px; HEIGHT: 110px}
.prob_list2 .cn2 p A {BORDER-BOTTOM: #ccc 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #ccc 1px solid; WIDTH: 140px; display:table-cell;*DISPLAY: block; *FONT-FAMILY: Arial; BACKGROUND: #ffffff; HEIGHT: 110px; *FONT-SIZE: 122px; VERTICAL-ALIGN: middle; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid}
.prob_list2 .cn2 p IMG {VERTICAL-ALIGN: middle; max-WIDTH: 140px; max-HEIGHT: 110px}
.prob_list2 .cn2 SPAN {LINE-HEIGHT: 18px; DISPLAY: block; COLOR: #333}
.prob_list2 .cn2 SPAN A {LINE-HEIGHT: 18px; COLOR: #333}
.prob_list2 .cn2 SPAN STRONG {LINE-HEIGHT: 18px}
.prob_list2 .cn2 SPAN A:hover {COLOR: #162A5D}

.pages { clear:both; color:#585858;text-align:right; float:right;}
.pages a { color:#2085da; }
.pages a:hover { color:#2085da;  font-weight:bold  }
.pages ul { float:right; }
.pages li { float:left; margin-left:8px;list-style:none }
	
.top{height:33px; line-height:33px; border-bottom:1px solid #ccc;}	

.topnavlaylr a{ color:#000;}
.isearch{ width:1100px; margin-top:10px; background:#FFFBF3}
.search{width:300px; float:right}
.isearch .text{width:235px;height:28px;border:1px solid #e5e5e5;border-right:none;background:#fff;;padding-left:10px;line-height:28px;float:left;color:#b6b6b6;font-size:12px;}
.options{width:70px;*width:64px;position:absolute;top:36px;left:0px;border:1px solid #e5e5e5;border-top:0px;background:#fff;display: none;}
.options li{float:left;line-height:28px;width:68px;font-size:14px}
.but{margin-top:0px;}
.options li a{float:left;line-height:28px;width:65px;font-size:14px;text-align:left;padding-left:5px}
.options li a:hover{color:#666;background:#efebe7;}
.button{padding-left:50px}



.cityspread{ text-align:center}

.sitemap {
	PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 5px
}
.sitemap DL {
	PADDING-BOTTOM: 5px; PADDING-LEFT: 10px; PADDING-RIGHT: 20px; PADDING-TOP: 5px
}
.sitemap DL FONT {
	TEXT-ALIGN: left; PADDING-LEFT: 8px; DISPLAY: block; COLOR: #CA1317; FONT-SIZE: 12px; FONT-WEIGHT: normal
}
.sitemap DL FONT A {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; COLOR: #CA1317; PADDING-TOP: 0px
}
.sitemap DL FONT A:visited {
	COLOR: #CA1317
}
.sitemap DL FONT A:hover {
	COLOR: #CA1317; FONT-WEIGHT: bold; TEXT-DECORATION: underline
}


.xjgg{BACKGROUND: url(../images/gg.jpg) no-repeat; width:120px; height:240px; left:0; position:fixed; top:200px; z-index:999999999; border:1px solid #CA1317;}

/*閿熺煫纰夋嫹Banner*/
.banner { position:relative; height:480px;}
.banner .btn1 { bottom: 20px;margin-right: -450px; padding: 5px 6px; position: absolute; right: 50%;z-index: 7;}
.banner .btn1 span {line-height: 14px; background: none repeat scroll 0 0 #F4A705; border: 1px solid #F4A705; color: #FFFFFF; cursor: pointer;display: inline-block; margin-left: 5px;padding: 2px 5px;}
.banner .btn1 span.cur { font-weight: bold; padding: 4px 8px;}
.banner .bgitem{height: 480px; cursor:pointer; width: 100%;margin: 0 auto;position:absolute; background-position:center top; background-repeat:no-repeat;}


/**************鍐呴〉*************/
.xjproname{ width:203px; margin-top:30px;}
.xjnmain{ width:860px; margin-top:30px;}
.xjprov{ width:203px;}
.xjprovbg{ width:203px; height:39px; background:url(../images/protitle.png) no-repeat}
.xjprovlist{ background:#f4f4f4; padding-bottom:20px; width:201px; border:1px solid #ddd; border-top:none;}
.xjprovlist ul{ width:203px; margin:0 auto}
.xjprovlist ul li{ height:40px; line-height:40px; width:203px; font-size:15px; text-indent:4em;}
.xjprovlist ul li a{width:201px; height:40px; display:block; color:#353535}
.xjprovlist ul li a:hover{ background:#2085da; color:#fff;}
.xjcontactv{ width:203px; margin-top:30px;}
.xjcontactvbg{ width:203px; height:40px; background:url(../images/contact.png) no-repeat}
.xjprovlist p{ line-height:28px; padding-left:5px;}
.xjcontactvo{ width:250px; margin-top:10px; margin-left:10px;}
.tzweizhi{ line-height:40px; height:40px; border-bottom:1px solid #2085da; width:860px; margin:0 auto}
.tzweizhi span{ float:left; font-size:16px; color:#2085da}
.tztitle a{color:#666}
.xjprovlisto{ background:#f4f4f4; padding-bottom:10px; width:240px; margin-left:8px; border-top:none;}
.xjprovlisto p{ line-height:26px; text-indent:1em;}
.xjproductcon{ width:860px; margin-top:15px;}
.tzprov{ width:860px; height:auto; margin:0 auto;  padding-bottom:20px;font-family:'Microsoft Yahei'; }
.tzprov ul li{ width:262px; height:230px;  float:left; margin-left:12px;text-align:center;  margin-right:12px;}
.xjproa{width:262px; height:183px; border:1px solid #ccc; display: table-cell;vertical-align: middle;}
.tzprov ul li img{max-width:262px;vertical-align: middle; max-height:183px;}
.tzprov ul li p a{ color:#222;}
.xjcontactvbgo{ width:240px; height:40px; background:url(../images/contact1.png) no-repeat; margin-left:8px;}
.top{height:33px; line-height:33px; border-bottom:1px solid #ccc; background:#fff;}	

.topnavlayl{line-height:33px; float:left;font-size:12px; }
.topnavlaylr{line-height:33px; float:right;font-size:12px; }
.topnavlaylr a{ color:#000;}

#news_list #plug1 li  { background-color:#FFF; display:block}
#news_list #plug1 li:hover { background-color:#F6F6F6; display:block}
#news_list ul{ list-style:none; padding-bottom:20px;}
#news_list #plug1 li { height:150px; padding-top:10px; line-height:45px; overflow:hidden; border-bottom:1px dotted #ccc;}
#news_list #plug1 li span{ float:right;}

.xjnewsl{float:left;width:610px; margin-left:30px;}
.xjnewstxt1{font-size:16px; font-weight:bold; height:45px; line-height:45px}
.xjnewscon1{line-height:24px; height:75px; color:#999; overflow:hidden;}
.xjnewstime{font-size:12px; color:#B10E0F; line-height:30px;  padding-right:20px}
.art_img{ float:left; width:200px;}
.art_img img{ width:200px; height:140px;}
#shownews{ padding:10px;}
#shownews h1.title{ padding:4px; border-bottom:1px dotted #ccc; margin-bottom:10px; height:50px; line-height:40px; font-size:150%; text-align:center}
#shownews div.text{ padding:0px 5px; line-height:32px; }
.hits{ color:#2085DA; text-align:right; line-height:35px;}

.gxheadmain{ height:210px; width:100%; background:#fff; position:fixed; z-index:999999;}
